<template>
	<view class="">
		<cu-custom bgColor="bg-cyan" isBack>
			<block slot="content">slider滑块选择器</block>
		</cu-custom>
		<view class="smart-padding-wrap">
			<view class="text">
				普通选择器
			</view>
			<view>
				<slider @change="sliderChange" value="50" show-value/>
			</view>
			<view class="uni-title">
				设置步进step跳动
			</view>
			<view>
				<slider @change="sliderChange" step="5" value="60" show-value/>
			</view>
			<view class="uni-title">
				设置最大值，最小值
			</view>
			<view>
				<slider @change="sliderChange" min="50" max="200" value="100" show-value/>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		methods:{
			sliderChange(e){
				console.log(e.detail.value)
			}
		}
	}
</script>

<style>
</style>